<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<fmt:bundle basename="com.contour.pages.rollermousePro2">

	<div><SPAN class=greenTitle><fmt:message
		key="rollermousePro2.rollermousePro2" /></SPAN><BR />
	</div>
	<div />
	<div />
	<table width="100%" style="padding-top: 5px;" cellSpacing="2"
		cellPadding="0">
		<TBODY>
			<TR>
				<TD>
				<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
					<TBODY>
						<TR>
							<TD>
							<TABLE class="content" width="410" border="0" cellSpacing="0"
								cellPadding="0">
								<TBODY>
									<TR>
										<TD colSpan=4><IMG id=largeImg
											alt=<fmt:message key="rollermousePro2.rollermousePro2"/>
											src="${pageContext.request.contextPath}<fmt:message key="image.product_1st_pic"/>"
											complete="complete" /></TD>
									</TR>
									<TR>
										<TD height=10 colSpan=4></TD>
									</TR>
									<TR>
										<TD width="25%"><A
											onmouseover="javascript:document.getElementById('largeImg').src='${pageContext.request.contextPath}<fmt:message key="image.product_1st_pic"/>'"
											href="${pageContext.request.contextPath}<fmt:message key="image.product_1st_pic"/>"
											target=_blank><IMG class=photo border=0
											alt=<fmt:message key="rollermousePro2.rollermousePro2"/>
											src="${pageContext.request.contextPath}<fmt:message key="image.product_1st_pic_thumb"/>"></A></TD>
										<TD width="25%"><A
											onmouseover="javascript:document.getElementById('largeImg').src='${pageContext.request.contextPath}<fmt:message key="image.product_2nd_pic"/>'"
											href="${pageContext.request.contextPath}<fmt:message key="image.product_2nd_pic"/>"
											target=_blank><IMG class=photo border=0
											alt=<fmt:message key="rollermousePro2.rollermousePro2"/>
											src="${pageContext.request.contextPath}<fmt:message key="image.product_2nd_pic_thumb"/>"></A></TD>
										<TD width="25%"><A
											onmouseover="javascript:document.getElementById('largeImg').src='${pageContext.request.contextPath}<fmt:message key="image.product_3rd_pic"/>'"
											href="${pageContext.request.contextPath}<fmt:message key="image.product_3rd_pic"/>"
											target=_blank><IMG class=photo border=0
											alt=<fmt:message key="rollermousePro2.rollermousePro2"/>
											src="${pageContext.request.contextPath}<fmt:message key="image.product_3rd_pic_thumb"/>"></A></TD>
										<TD width="25%"><A
											onmouseover="javascript:document.getElementById('largeImg').src='${pageContext.request.contextPath}<fmt:message key="image.product_4th_pic"/>'"
											href="${pageContext.request.contextPath}<fmt:message key="image.product_4th_pic"/>"
											target=_blank><IMG class=photo border=0
											alt=<fmt:message key="rollermousePro2.rollermousePro2"/>
											src="${pageContext.request.contextPath}<fmt:message key="image.product_4th_pic_thumb"/>"></A></TD>
									</TR>
									<TR>
										<TD colspan="4">
										<P style="LINE-HEIGHT: normal; MARGIN-BOTTOM: 0pt"><STRONG><fmt:message
											key="product.key_features" /></STRONG></P>
										<UL type=disc>
											<LI style="LINE-HEIGHT: normal"><STRONG><fmt:message
												key="product.feature1_header" /></STRONG><BR />
											<fmt:message key="product.feature1" /></LI>
											<LI style="LINE-HEIGHT: normal"><STRONG><fmt:message
												key="product.feature2_header" /></STRONG><BR />
											<fmt:message key="product.feature2" /></LI>
											<LI><STRONG><fmt:message
												key="product.feature3_header" /></STRONG><BR />
											<fmt:message key="product.feature3" /></LI>
											<LI><SPAN><STRONG><fmt:message
												key="product.feature4_header" /></STRONG><BR />
											<fmt:message key="product.feature4" /></LI>
											<LI><STRONG><fmt:message
												key="product.feature5_header" /></STRONG><BR />
											<fmt:message key="product.feature5" /></LI>
											<LI style="LINE-HEIGHT: normal"><STRONG><fmt:message
												key="product.feature6_header" /></STRONG><BR />
											<fmt:message key="product.feature6" /></LI>
											<LI style="LINE-HEIGHT: normal"><STRONG><fmt:message
												key="product.feature7_header" /></STRONG><BR />
											<fmt:message key="product.feature7" /></LI>
											<LI style="LINE-HEIGHT: normal"><STRONG><fmt:message
												key="product.feature8_header" /></STRONG><BR />
											<fmt:message key="product.feature8" /></LI>
											<LI style="LINE-HEIGHT: normal"><STRONG><fmt:message
												key="product.feature9_header" /></STRONG><BR />
											<fmt:message key="product.feature9" /></LI>
											<LI style="LINE-HEIGHT: normal"><STRONG><fmt:message
												key="product.feature10_header" /></STRONG><BR />
											<fmt:message key="product.feature10" /></LI>
											<LI style="LINE-HEIGHT: normal"><STRONG><fmt:message
												key="product.feature11_header" /></STRONG></LI>
										</UL>
										</TD>
									</TR>
								</TBODY>
							</TABLE>
							</TD>

							<TD vAlign=top width=247>
							<TABLE class=callouts border=0 cellSpacing=0 cellPadding=0
								width=247>
								<TBODY>
									<TR>
										<TD
											style="BACKGROUND-IMAGE: url(${pageContext.request.contextPath}<fmt:message key="image.product_callout_top"/>); BACKGROUND-REPEAT: no-repeat; HEIGHT: 10px"
											vAlign=top></TD>
									</TR>
									<TR>
										<TD
											style="BACKGROUND-IMAGE: url(${pageContext.request.contextPath}<fmt:message key="image.product_callout_bg"/>); PADDING-BOTTOM: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; BACKGROUND-REPEAT: repeat-y; PADDING-TOP: 15px"
											vAlign=top></TD>
									</TR>
									<TR>
										<TD vAlign=top
											style="BACKGROUND-IMAGE: url(${pageContext.request.contextPath}<fmt:message key="image.product_callout_bg"/>)">
										<TABLE border=0 cellSpacing=0 cellPadding=15 width=217
											style="BACKGROUND-IMAGE: url(${pageContext.request.contextPath}<fmt:message key="image.product_callout_bg"/>)">
											<TBODY>
												<TR>
													<TD><SPAN class=calloutsTitle><fmt:message
														key="product.price" /><BR>
													<font color="#ff007c">&#36;<font size="+2"><strong><fmt:message
														key="product.price_amount" /></strong></font></font></SPAN></TD>
													<TD class=imageNoBorder align=right><a
														href="http://store.pchome.com.tw/qsdtech/M07890144.htm"><IMG
														alt=<fmt:message key="product.buy"/>
														src="${pageContext.request.contextPath}<fmt:message key="image.buy"/>" /></a></TD>
												</TR>
											</TBODY>
										</TABLE>
										&nbsp;&nbsp;&nbsp;&nbsp;<A
											onclick="javascript:window.open('http://ergo.contourdesign.com/popups/video.aspx?id=2','popup','width=650,height=525,top=1,left=1,resizable=yes');"
											href="#"><IMG border=0
											alt=<fmt:message key="product.launch_video"/>
											src="${pageContext.request.contextPath}<fmt:message key="image.launch_video"/>"></A>
										<BR />
										<BR />
										</TD>
									</TR>
								</TBODY>
							</TABLE>
							</TD>
						</TR>
					</TBODY>
				</TABLE>
				</TD>
			</TR>
			<TR>
				<TD colSpan=2>
				<P>&nbsp;</P>
				</TD>
			</TR>
		</TBODY>
	</table>
</fmt:bundle>